<template>
  <div>
    <h1>表格示例</h1>
    <el-table :data="tableData" border>
      <el-table-column prop="date" label="日期" />
      <el-table-column prop="name" label="姓名" />
      <el-table-column prop="address" label="地址" />
    </el-table>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const tableData = ref([
  { date: '2024-05-01', name: '张三', address: '杭州市西湖区' },
  { date: '2024-05-02', name: '李四', address: '北京市朝阳区' }
])

defineOptions({
  meta: {
    title: '表格示例',
  }
})
</script>
